<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<head>
	<title>KDM</title>

	<link rel="stylesheet" type="text/css" href="css/flex.css">
	<link rel="stylesheet" type="text/css" href="css/normal.css">	
	<script src="js/vue.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/md5.js"></script>
	<script src="js/fn.js"></script>
	<script src="js/rd.js"></script>
	<script src="data/datas.js"></script>
	
	<script>
		// 在首页定义全局公共变量和公用函数
		var datas = {};


	</script>
	<style>
		/* 全局style设置 */
		.line { display: flex; justify-content: flex-start; align-items: center; }
		.line.around { justify-content: space-around; }
		.line.between { justify-content: space-between; }
		
	</style>

</head>
<body>
	<article class="container" id="vm">
		<div v-for="item in mainmenu">
			<button @click="navito(item.value)">{{item.name}}</button>
		</div>
	</article>
	<script>
		var index_vm = new Vue({
			el: '#vm',
			data: {
				mainmenu: [
					{name: '新建', value: 'newgame'},
					{name: '回溯', value: 'savepage'},
					{name: '我的', value: 'maker'},
				],
			}, 
			methods: {
				navito(filename){ 
					rd.navito($('body'), 'pages', filename);
				}
			},
			mounted(){
				
			}
		})
	</script>
</body>
</html>


